import Vue from 'vue'
// 从第三方导入来的 去除浏览器默认样式
import 'normalize.css/normalize.css'
// 导入ElementUI
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 当成js文件来对待 ，所以没有@import
import '@/styles/index.scss' // global css
// 导入 根组件
import App from './App'
// 导入 vuex
import store from './store'
// 导入 router
import router from './router'
// 导入 icon
import '@/icons'
// 导入 路由执行权限文件 上来就会执行不用在这个文件里面导出
import '@/permission'
// 导入权限执行文件
// import permission from '@/permission'

// 以插件化的注册方式做全局注册，任何一个.vue组件中都可以使用组件
Vue.use(ElementUI)

Vue.config.productionTip = false

import componentPlugin from '@/components'
Vue.use(componentPlugin) // 当执行use方法的时候会自动执行插件中的install方法并且把实参Vue传入

// 测试环境变量
// console.log(process.env.VUE_APP_BASE_URL)
// console.log(process.env.VUE_APP_PORT)
// console.log(process.env.VUE_APP_BASE_URL)
// console.log(process.env.VUE_APP_PORT)

// 什么是挂载？ render把组件显示到页面中其实就是怪哉
// vue实例化
new Vue({
  // 将App.vue 挂载到页面，el指定的页面vue的渲染区域
  el: '#app',
  // 挂载路由
  router,
  // 挂载vuex
  store,
  // 渲染App根组件
  render: h => h(App)
})
